<script lang="ts" setup>
import { ref } from 'vue'
/*
 * 打开弹框
 */

const dialogVisible = ref<boolean>(false)
const rzxx = ref('')
const openDialog = (row: any) => {
  rzxx.value = row.rznr
  dialogVisible.value = true
}

defineExpose({ openDialog })
</script>
<template>
  <el-dialog v-model="dialogVisible" title="内容详细" width="600px" :close-on-click-modal="false">
    <div class="dialog-box">
      {{ rzxx }}
    </div>
    <template #footer>
      <div class="dialog-footer">
        <el-button @click="dialogVisible = false">关闭</el-button>
      </div>
    </template>
  </el-dialog>
</template>
<style lang="scss" scoped>
.dialog-box {
  height: 400px;
  overflow: auto;
}
</style>
